{template "content","header","mobilephone"}
<link rel="stylesheet" href="{CSS_PATH}Mobilephone/page_details_v4.min.css?v={APP_VERSION}">
<div id="apps">
    <div class="Advgg_header">
        <!-- m-顶部三图 -->
        <script type="text/javascript" smua="d=m&s=b&u=u3051449&h=20:4" src="http://www.vxsnk.com/smu0/o.js"></script>
    </div>
    <article id="J_article" class="J-article article">
        <div id="title">
            <div class="article-title"><h1 class="title">{$title}</h1></div>
            <div class="article-src-time">
                <span class="src">{date('Y-m-d H:i',strtotime($inputtime))}&nbsp;&nbsp;&nbsp;&nbsp;{if !empty($copyfrom_name)}来源：{$copyfrom_name}{/if}</span>
            </div>
        </div>
        <div id="content" v-bind:class="{'max_height':ismore}" class="J-article-content article-content">{$content}</div>
    </article>
    <!--<div v-if="ismore" v-on:click="greet" class="unfold-field" id="open_all">
        <a class="text-link unfold-btn"><span>展开全文</span></a>
    </div>-->
<div class="Advgg_article">
    <!--m-文章底部 -->
    <script type="text/javascript" smua="d=m&s=b&u=u3051452&h=20:3" src="http://www.vxsnk.com/smu0/o.js"></script>
</div>
<div class="xszh-toindex">
    <a id="J_xszh_appdownload" class="wrap" href="{siteurl($siteid)}/index.php"><p class="container"><span class="right">返回首页查看更多 &gt;&gt;</span></p></a>
</div>
<div id="news_check">
    <div id="J_interest_news" class="interest-news">
        <div class="section-title in-title">
            <h2><span></span>猜你喜欢<span class="line"></span></h2>
        </div>
        <div class="Advgg_love">
            <!-- m-猜你喜欢 -->
            <script type="text/javascript" smua="d=m&s=b&u=u3051454&h=20:5" src="http://www.vxsnk.com/smu0/o.js"></script>
        </div>
        <div id="J_hn_list" class="hn-list">
            {pc:content action="position" posid="31" order="listorder DESC" num="3"}
            {loop $data $key $val}
            {if $val['thumb']===''} 
            <section class="news-item news-img1">
                <a href="{$val['url']}" class="news-link">
                    <div class="news-wrap clearfix">
                        <div class="info" style="width:100%">
                            <h3 class="title dotdot line3">{$val['title']}</h3>
                            <p class="tags"><em class="tag tag-time">{date('m/j H:m',$val['inputtime'])}</em>
                            <!-- <em class="tag tag-src">未知来源</em> -->
                            </p>
                        </div>
                    </div>
                </a>
            </section>
            {else}
            <?php $thumb_arr=explode('|',$val['thumb']);?>
            {if count($thumb_arr) < 3}
            <section class="news-item news-img1">
                <a href="{$val['url']}" class="news-link">
                    <div class="news-wrap clearfix">
                        <div class="info">
                            <h3 class="title dotdot line3">{$val['title']}</h3>
                            <p class="tags"><em class="tag tag-time">{date('m/j H:m',$val['inputtime'])}</em><!-- <em class="tag tag-src">未知来源</em> --></p>
                        </div>
                        <div class="img img-bg"><img class="lazy image" src="{$thumb_arr[0]}"></div>
                    </div>
                </a>
            </section>
            {else}
            <section class="news-item news-img3">
                <a href="{$val['url']}" class="news-link">
                    <div class="news-wrap">
                       <div class="info">
                            <h3 class="title dotdot line3">{$val['title']}</h3>
                        </div>
                        <div class="img">
                        {loop $thumb_arr $key $vals}
                        {if $key < 3}
                            <div class="img-wrap img-bg"><img class="lazy image" src="{$vals}"></div>
                        {/if}
                        {/loop}
                        </div>
                        <p class="tags"><em class="tag tag-time">{date('m/j H:m',$val['inputtime'])}</em><!-- <em class="tag tag-src">未知来源</em> --></p>
                    </div>
                </a>
            </section>
            {/if}
            {/if} 
            {/loop}
            {/pc}
        </div>
    </div>
    <div class="Advgg_written_style1">
        <!-- a26_移动_tt_底部1 -->
        <script type="text/javascript" smua="d=m&s=b&u=u3051456&h=20:3" src="http://www.vxsnk.com/smu0/o.js"></script>
    </div>
    <!-- <div class="Advgg_written_style1">
        <script type="text/javascript">
            /*zqtt-m-文字链一*/
            var cpro_id = "u3052089";
        </script>
        <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/cm.js"></script>
    </div>
    <div class="Advgg_written_style1">
        <script type="text/javascript">
            /*zqtt-m-文字链二*/
            var cpro_id = "u3052094";
        </script>
        <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/cm.js"></script>
    </div>
    <div class="Advgg_news">
        <script type="text/javascript">
            /*zqtt-m-热点新闻-上部*/
            var cpro_id = "u3052107";
        </script>
        <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/cm.js"></script>
    </div> -->
    <div class="Advgg_news">
        <!--a26_移动_tt_底部2-->
        <script type="text/javascript" smua="d=m&s=b&u=u3051457&h=20:3" src="http://www.vxsnk.com/smu0/o.js"></script>
    </div>
    <div id="J_hot_news" class="hot-news">
        <div class="comment-appbtn-wrap"></div>
        <div class="section-title hn-title">
            <h2><span></span>热点新闻<span class="line"></span></h2>
        </div>
        <div id="J_hn_list" class="hn-list">
           <div v-for="(item,index) in list">
                <section v-bind:class="{'news-img3':item.sizes > 2,'news-img1':item.sizes < 3}" class="news-item">
                    <a :href="item.url" class="news-link">
                        <div v-if="item.sizes < 3" class="news-wrap clearfix">
                            <div class="info" v-bind:class="{'widthauto':item.sizes === 0}">
                                <h3 class="title dotdot line3">{{item.title}}</h3>
                                <p class="tags">
                                    <em class="tag tag-src">{{item.fake_hit}}阅读</em>
                                    <em class="tag tag-time">{{item.updatetime | moment}}</em>
                                </p>
                            </div>
                            <div v-if="item.sizes > 0" class="img img-bg">
                                <img class="image" :src="item.thumb[0]+'?x-oss-process=style/wap_list'">
                            </div>
                        </div>
                        <div class="news-wrap" v-if="item.sizes >= 3">
                           <div class="info">
                                <h3 class="title dotdot line3">{{item.title}}</h3>
                            </div>
                            <div class="img">
                                <div v-for="items in item.thumb" class="img-wrap img-bg">
                                    <img class="image" :src="items+'?x-oss-process=style/wap_list'">
                                </div>
                            </div>
                            <p class="tags">
                                <em class="tag tag-src">{{item.fake_hit}}阅读</em>
                                <em class="tag tag-time">{{item.updatetime | moment}}</em>
                            </p>
                        </div>
                    </a>
                </section>
                <!-- <div v-if="index % 4 == 0 && index!=0" class="Advert_container">
                    <script type="text/javascript">
                        /*zqtt-m-view-热点新闻信息流一*/
                        var cpro_id = "u3053832";
                    </script>
                    <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/cm.js"></script>
                </div> -->
           </div>
        </div>
    </div>
</div>
</div>
<!-- <script type="text/javascript">
    /*zqtt-m-图+*/
    var cpro_id = "u3052176";
</script>
<script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/mi.js"></script> -->
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
<script src="{JS_PATH}Mobilephone/wap_index.js?v={APP_VERSION}"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
    var $catid={$catid};
    home_shoow($catid);
})
</script>
<script language="JavaScript" src="{APP_PATH}api.php?op=mycount&id={$id}"></script>
{template "content","footer","mobilephone"}